Rsd.define('Rsd.example.MenuPage', {
    extend: 'Rsd.container.Page',
    requires: [
        'Rsd.form.Image',
        'Rsd.form.Button', 
        'Rsd.control.MenuList'
    ],
    xtype: 'ctrl-menu-page',
    border: false,
    tabTitle: 'menu',
    layout: 'vbox',
    selected:true,
    height:600,
    items:[
        {
            xtype: 'menu-list',
            height:'100%',
            layout:'vbox',
            width:150,
            style:{border:'red 1px solid'},
            menu:[{text:'菜单1'},{text:'菜单2'},{text:'菜单3'}]
        },
        {
            layout: 'vbox',
            height:'100%',
            flex:1,
            items:[
                {
                    height:60,
                    width:1200,
                    layout:'hbox',
                    width:'100%',
                    xtype: 'list-view',
                    label:{xtype:'image',src:'../resources/images/LOGO.PNG',position:'left',height:60,width:120},
                    //margin:'10 20 10 10',
                    cls:'x-navigation',
                    style:{backgroundColor:'blue'}, 
                    itemStyle:{height:60,width:120,textAlign:'center',lineHeight:60,color:'white'},
                    dataSource:[
                        {xtype:'svg',label:'首页'},
                        {xtype:'svg',label:'案例展示'},
                        {xtype:'svg',label:'新闻中心'},
                        {xtype:'svg',label:'最新文章'},
                        {xtype:'svg',label:'联系我们'},
                        '',
                        {xtype:'button',text:'登录',handler:'btn_login'},
                        {xtype:'button',text:'免费注册',handler:'btn_register'}
                    ],
                }, 
                {
                    height:60, 
                    width:1200,
                    xtype: 'list-view',
                    margin:'10 20 10 10',
                    //cls:'x-navigation',
                    style:{backgroundColor:'green'},
                    label:{xtype:'image',src:'../resources/images/LOGO.PNG',position:'left',height:60,width:120},
                    itemStyle:{height:60,width:120,textAlign:'center',lineHeight:60,color:'white'},
                    dataSource:[
                        {xtype:'svg',label:'首页'},
                        {xtype:'svg',label:'案例展示'},
                        {xtype:'svg',label:'新闻中心'},
                        {xtype:'svg',label:'最新文章'},
                        {xtype:'svg',label:'联系我们'},
                        '',
                        {xtype:'button',text:'登录',handler:'btn_login'},
                        {xtype:'button',text:'免费注册',handler:'btn_register'}
                    ],   
        
                }, 
                {
                    xtype: 'menu-list',
                    height:50,
                    layout:'hbox',
                    width:'100%',
                    menu:[
                        {text:'菜单1',width:120},
                        {text:'菜单2',width:120},
                        {text:'菜单3',width:100}
                    ]
                }, 
               {
                    xtype:'label',
                    text:'通过listView 组件 实现listMenu 功能',
                    flex:1
               }
            ]
        }
       

    ],
    /*
    * */
    constructor: function MenuPage(config) {
        config = config || {};
        this.apply(config);
    },
    load:function () {
        this.items[0].loadData();
        this.items[1].items[0].loadData();
        this.items[1].items[1].loadData();
        this.items[1].items[2].loadData();
    },
    btn_login:function btn_login( ) {
        alert('login');
    },
    btn_register:function btn_register() {
        alert('register');
    }


},function(type){


});